<!DOCTYPE html>
<html lang="zh-CN">
  <#include "header.html">
  <body id="nextContainer" class="content-box">
    <section class="content2">
      <h4 style="bottom: -20px;">请从消除、隔离、警示标识、制度要求、安全防护等方面考虑，为每一个原因列举1-2个解决方案<small>（不超过10个字）</small></h4>
      <div style="display: inline-block;position: absolute;font-size: 3em;margin-left: 15px;top: 10%;font-family: serif;color: #f77a06;
    font-weight: bold;font-style: italic;">3</div>
      <div class="main-box">
        <div class="main-inputbox2">
	         <form id="reasonSolveForm">
	          <span>原因A：${pzsw.questionReason1!}</span>
	          <input type="text"   maxlength="10" class="form-control2 form-input4" id="reason1Solve1" name="reason1Solve1" placeholder="点击在此输入" value="${(pzsw.reason1Solve1.name)!}" required>
	          <input type="text"   maxlength="10" class="form-control2 form-input4" id="reason1Solve2" name="reason1Solve2" placeholder="点击在此输入" value="${(pzsw.reason1Solve2.name)!}" required>
	          <span>原因B：${pzsw.questionReason2!}</span>
	          <input type="text"   maxlength="10" class="form-control2 form-input4" id="reason2Solve1" name="reason2Solve1" placeholder="点击在此输入" value="${(pzsw.reason2Solve1.name)!}" required>
	          <input type="text"   maxlength="10" class="form-control2 form-input4" id="reason2Solve2" name="reason2Solve2" placeholder="点击在此输入" value="${(pzsw.reason2Solve2.name)!}" required>
	          <span>原因C：${pzsw.questionReason3!}</span>
	          <input type="text"   maxlength="10" class="form-control2 form-input4" id="reason3Solve1" name="reason3Solve1" placeholder="点击在此输入" value="${(pzsw.reason3Solve1.name)!}" required>
	          <input type="text"   maxlength="10" class="form-control2 form-input4" id="reason3Solve2" name="reason3Solve2" placeholder="点击在此输入" value="${(pzsw.reason3Solve2.name)!}" required>
	         </form> 
         </div>
         
      </div>
      <p>
         	如：创新的管控措施、制定标准及要求、警示标识、路线标识、工程设计规范、员工干预、安全防护用品、相关培训、检查、预防性维修维护、双人操作、隔离、安全阀等。
         </p>
    </section>
      <div style="position: fixed;left: 0;width: 100%;text-align: center;bottom: 40px;"><img src="webpages/wx/pzsw/images/arrow2.png" style="width: 40px;display: inline-block;margin: auto;"></div>		
    
    <#include "footer.html">
    <script type="text/javascript">
	// 先要对监听的DOM进行一些初始化
	var hammer = new Hammer(document.getElementById("nextContainer"));
	hammer.get('swipe').set({direction:Hammer.DIRECTION_ALL});
	// 然后加入相应的回调函数即可
	hammer.on('swipeup',swipeEvent);
	hammer.on('swipedown',swipeEvent);
	
	function swipeEvent(evt) {
		if(evt.type=='swipedown') {
			window.location.href='pzsw.action?page=content2-2&back=1';
		} else if(evt.type=='swipeup') {
			var check = true;
			$('input').each(function() {  
		         if (this.value == '') {  
// 		        	 alert(this.value);
		        	 check = false; 
		         }  
		      });
			
			if(!check) {
				alert('请添加完整内容')
			}else {
				var formData = $('#reasonSolveForm').serialize();
// 				console.log(formData);
				window.location.href='pzsw.action?page=content2-4&'+formData;
			}
		}
		
	}
	</script>
  </body>
</html>